<template>
  <div>
    <h1> 子组件1 第一个</h1>
    <input type="text" placeholder="输入你的卡号" v-model="msg">
  </div>
</template>

<script>
export default {
  name: 'vueOne',

  data() {
    return {
          msg:""
    };
  },
  // 有keepAlive的组件 首次进入还会触发beforeCreate
  // created beforeMount mounted activated
  // 第二次进入  和离开 只会触发activated和deactivated
  beforeCreate() {
      console.log("组件实例创建前")
  },
  created() {
     console.log("组件实例创建后")
  },
  beforeMount() {
     console.log("组件实例挂载前")
  },
  mounted() {
      console.log("组件实例挂载后")
  },
  beforeDestroy() {
     console.log("组件实例销毁前")

  },
  destroyed() {
      console.log("组件实例销毁后")
  },
  activated() {
    // 组件实例被激活
    console.log("组件激活时候执行")
  },
  deactivated() {
     // 组件实例被失活
      console.log("组件失活时候执行")
  },
  methods: {
    
  },
};
</script>